<template>
  <div v-if="type == 2" class="steps">
    <Point color="true">1</Point>
    <Line5 color="true" >2</Line5>
    <Line5>3</Line5>
  </div>
  <div v-else-if="type == 3" class="steps">
    <Point color="true">1</Point>
    <Line5 color="true" >2</Line5>
    <Line5 color="true">3</Line5>
  </div>
  <div v-else class="steps">
    <Point color="true">1</Point>
    <Line5>2</Line5>
    <Line5>3</Line5>
  </div>
</template>
<script>
import Point from './Point'
import Line5 from './Line5'

export default {
  components:{
    Point,
    Line5
  },
  props:['type'],
  data(){
    return {
      
    }
  }
}
</script>
<style lang="less">
@import '../../../../style/mixin.less';

  .steps{
    .fx(row,space-between);
    .bs();
    margin-top: .3rem;
  }

</style>
